#navboxbanner .navbox{
    width: 230px;
    height: 450px;
    background-color: #a980c9;
    position: relative;
  }
  .navbox li{
    border: 1px solid transparent;
    border-right: 0;
    padding-left: 20px;
    line-height: 40px;
    color: #fff;
  }
  .navbox li:first-child{
    margin-top: 20px;
  }
  .navbox li .menu {
    position: absolute;
    left: 229px;
    top: 0px;
    width: 500px;
    height: 450px;
    background-color: #fff;
    border: 1px solid rgb(233, 195, 195);
    display: none;
    z-index: 101;
}
.navbox li p a:nth-child(4){
  position: relative;
  right: -33px;
}
/* 激活li标签状态时同时显示子菜单 */

.navbox li.active {
    background-color: #fff;
    border: 1px solid rgb(233, 195, 195);
    color: #000;
}

.navbox li.active>p {
    z-index: 10;
    width: 230px;
    background-color: #fff;
    position: relative;
    /* height: 49px; */
}

.navbox li.active .menu {
    display: block;
}
.navbox li a{
  font-weight: bold; 
  margin-left: 15px;
}
.navbox li .menu dl{
  line-height: 20px;
}
  /* 右边的轮播区域 */
  #navboxbanner .rightbox{
    width: 945px !important;
    height:450px !important;
    background-color: skyblue;
  }
  #mb{
    background: #500798;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #main .top img{
    width: 276px;
    height: 154px;
    margin-right: 20px;
  }
  #main .middle img{
    width: 1200px;
	  height: 100px;
  }
#banbtmimgs a{
  float: left;
  width: 285px;
  height: 154px;
  margin-right: 20px;
}
#banbtmimgs a:last-child{
  margin-right:0; 
}
#banbtmimgs a img{
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
#singleimg{
  height: 100px;
}
#singleimg img{
  width: 100%;

}

/* 倒计时 秒杀 */
#secondkill .countdown{
  position: relative;
  width: 228px;
  height: 285px;
  background: url(../images/clock_01.jpg) no-repeat;
  
  border: 1px solid red;
}
#secondkill .countdown .timebox{
  position: absolute;
   width: 190px;
   height: 45px;
   bottom: 40px;
   left: 50%;
   transform: translateX(-50%);
   /* background-color: skyblue; */
   font-size: 24px;
   text-align: center;line-height: 45px;

}
/* #secondkill .countdown .timebox{} */
#secondkill .countdown .timebox span:nth-child(odd){
width: 40px;
height: 45px;
background-color: #666;
color: #fff;

}
#secondkill .countdown .timebox span:nth-child(even){
  width: 35px;
  height: 45px;
  background-color: transparent;
  color: #fff;
  
  }
  /* 每日好货推荐区域 */
  #recommed{
    margin-top: 50px;
    height: 650px;
  }
  #recommed .retitle{
    position: relative;
    left: 55px;
    padding-top: 65px;
    width: 400px;
  }
  #recommed .retitle span{
    border-bottom: 4px solid red;
    padding-bottom: 20px;
  }
  #recommed .container .lbox{
    background-color: #ffbdbd;
    width: 585px;
    height: 410px;
    margin-top: 50px;
    padding: 20px 0;
  }
  #recommed .container .lbox .box1{
    background: url(../images/ias_6d7316e5-63ca-4aa9-9a86-70e940832947_570x273_90.jpg) no-repeat;
    background-position-x:-355px;
    width: 165px;
  height: 250px;
  }
  #recommed .container .lbox .box2{
    background: url("../images/ias_156818673613567_570x273_90.jpg") no-repeat;
    width: 165px;
    background-position-x:-325px;
  height: 250px;
  }
  #recommed .container .lbox .box3{
    background: url("../images/ias_10102c65-5e65-4aad-b9d8-e2f6cc39c6c7_570x273_90.jpg") no-repeat;
    width: 165px;
    background-position-x:-355px;
  height: 250px;
  }
  #recommed .container .rbox{
    background-color: #acd0ff;
    width: 585px;
    height: 410px;
    margin-top: 50px;
    padding: 20px 0;
  }
  #recommed .container .rbox .box1{
    background: url(../images/ias_156713250554849_570x273_90.jpg) no-repeat;
    background-position-x:-275px;
    width: 165px;
  height: 250px;
  }
  #recommed .container .rbox .box2{
    background: url("../images/ias_b670dfd5-996e-4a4a-8bef-4322c630ec72_570x273_90.jpg") no-repeat;
    width: 165px;
    background-position-x:-260px;
  height: 250px;
  }
  #recommed .container .rbox .box3{
    background: url("../images/ias_156859683654904_570x273_90.jpg") no-repeat;
    width: 165px;
    background-position-x:-250px;
  height: 250px;
  }
  #recommed .container .con{
    background-color: rgba(245, 245, 250, .7);
    border: 2px solid #fff;
    width: 140px;
    height: 55px;
    text-align: center;
    margin: auto;
    position: relative;
    bottom: -185px;
    left: 0;
  }
/*  4个产品展示区域   */
/* 服装配饰  */
#productshow .clothing{
  height: 590px;
  /* border: 1px solid red; */
}
.clothing  .common-top{
  height: 35px;
  font-size: 20px;
  color: #fff;
  line-height: 35px;
  /* border: 1px solid blue; */
}
.clothing  .common-top .clothbox{
  width: 205px;
  height: 35px;
  text-indent: 20px;
  font-weight: normal;
  background:url(../images/clothing-bg1.png) no-repeat 0 -5px;
  /* border: 1px solid red; */
}
.clothing  .common-top ul li{
  float: left;
  margin-right: 20px;
  color: #808080;
  font-size: 16px;
}
.clothing  .common-top ul li.active{
  color: #ffbd0d;
}

/* 内容区域 */
.clothing .con{
  /* height: 536px; */
}
.clothing .con >div{
  height: 536px;
  display: none;
}
.clothing .con >div.cur{
  display: block;
}

.clothing .con .left{
  width: 260px;
  height: 460px;
}
.clothing1 .con .left .img{
  background: url(../images/156827434700871618.jpg) no-repeat;
  background-position-y: -185px;
  background-position-x: -40px;
  width: 260px;
	height: 330px;
} 
.clothing2 .con .left .img{
  background: url(../images/4ba85498-9fc5-456e-bac0-273d233cd11f_420_531_292x372_90.jpg) no-repeat;
  background-position-y: -38px;
  background-position-x: -25px;
  width: 260px;
	height: 330px;
} 
.clothing3 .con .left .img{
  background: url(../images/u=1321584599\,2344706766&fm=26&gp=0.jpg) no-repeat;
  background-position-y: -38px;
  background-position-x: -100px;
  width: 260px;
	height: 330px;
}
.clothing4 .con .left .img{
  background: url(../images/O1CN01ojIfF31tRKYYQsRai_!!0-item_pic.jpg_430x430q90.jpg) no-repeat;
  background-position-y: -5px;
  background-position-x: -100px;
  width: 260px;
	height: 330px;
}
.clothing .con .left .img .cont{
  background-color: rgba(69, 69, 70, 0.7);
  width: 200px;
  height: 65px;
  border-radius: 0 10px 10px 0;
  position: relative;
  bottom: -235px;
  line-height: 34px;
}
.clothing .con .left .btns{
  margin-top: 10px;
}
.clothing .con .left .btns button{
  width: 70px;
  height: 24px;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 10px;
  color: #6f6f6f;
  margin: 6px;
}
.clothing .con .right{
    width: 455px;
    height: 460px;
    margin-left: 10px;
}
.clothing .con .right .box{
  width: 220px;
  height: 220px;
  text-align: center;
}
.clothing .con .right .box img{
  width: 180px;
  height: 144px;
  padding-top: 10px;
}
.clothing .con .myslider{
  width: 455px;
  height: 300px;
  margin: 0 10px;
}
.clothing .con .bottom{
  width: 1200px;
	height: 65px;
}
.clothing .con .bottom img{
  width: 1200px;
	height: 65px;
}
.boxbt{
  width: 455px;
  height: 150px;
  position: absolute;
  top: 310px;
  left: 270px;;
}
.boxbt img{
  width: 455px;
	height: 150px;
}
.con .cur{
  position: relative;
}
.clothing{
  margin-top: 35px;
  margin-bottom: 35px;
}
/* 楼层滚动偏移 */
.floorbox{
  position: fixed;
  left: 50%;
  margin-left: -650px;
  top: 50%;
  margin-top: -120px;
  width: 40px;
  height: 240px;
  /* border: 1px solid red; */
}
.floorbox ul li{
  position: relative;
  background: url(../images/fix_box_icon_160622.png) no-repeat;
  /* border: 1px solid blue; */
  width: 40px;
  height: 40px;
}
.floorbox ul .bg2{
  background-position-y: -160px;
}
.floorbox ul .bg3{
  background-position-y: -80px;
}
.floorbox ul .bg4{
  background-position-y: -320px;
}
.floorbox ul .returnTop{
  background: url(../images/re01.png) no-repeat 5px;
  background-size: 80%;
}
.floorbox ul li span{
  position: absolute;
  width: 60px;
  height: 40px;
  line-height: 40px;
  top: 0px;
  left: 40px;
  /* background-color: #ffbd0d; */
  display: none;
}
#imgbox{
  position: absolute;
  /* top: 不能写死，要用代码来计算 */
  right: 20px;
  z-index: 1000;
}